@charset "UTF-8";
/* CSS Document */

body{ font-family:'Sunsim'; font-size:62.5%; /*background:url(/weixin_tytj/frontend/default/activity/scratchcard/img/bg.jpg) repeat;*/ background-size:320px 60px;}
.wrap{ min-width:320px; width:auto; height:auto; margin:0 auto;}
.wheel-top{ width:100%; height:318px; position:relative;}
.wheel-bg{ width:260px; height:260px; background:url(/weixin_tytj/frontend/default/activity/scratchcard/img/wheel-bg.png) no-repeat; background-size:100%; padding:20px; position:absolute; left:50%; top:50%; margin:-150px 0 0 -150px; border-radius:280px;}
.wheel-bg img{ width:100%; height:100%; border-radius:260px;}
.wheel-icon{ width:80px; height:100px; position:absolute; left:50%; top:50%; margin: -60px 0 0 -40px;}
/*活动未开始*/
.wheel-tips{ width:100%; height:68px; background:url(/weixin_tytj/frontend/default/activity/scratchcard/img/txt-bg.png) repeat-x; border-top:3px solid rgba(0,0,0,0.3);border-bottom:3px solid rgba(0,0,0,0.3); position:absolute; z-index:2; left:0px; top:50%; margin-top:-37px;}
.wheel-mayer{ width:261px; height:261px; background:rgba(255,255,255,0.5); border-radius:131px; position:absolute; z-index:-1; left:50%; top:50%; margin:-131px 0 0 -131px;}
.card-mayer{ width:251px; height:192px; background:rgba(255,255,255,0.5); position:absolute; z-index:-1; left:50%; top:50%; margin:-96px 0 0 -125px;}
.wheel-start{ background:url(/weixin_tytj/frontend/default/activity/scratchcard/img/txt1.png) no-repeat; background-size:147px 34px; width:147px; height:34px; text-indent:-999px; overflow:hidden; margin:10px auto 3px;}
.wheel-over{ background-image:url(/weixin_tytj/frontend/default/activity/scratchcard/img/txt2.png);}
.wheel-tips p{ font-size:1.3em; color:#464646; text-align:right; width:147px; margin:0 auto;}

.wheel-con{ padding:0 10px 10px;}
.wheel-box{ height:auto; margin-bottom:10px;}
.wheel-title{ height:18px; background:#a72222; padding:4px 14px 5px;}
.wheel-title i{ display:block; width:10px; height:5px; text-indent:-99px; overflow:hidden;   background-size:100% 100%; margin:5px 0 0 10px; position:relative; z-index:1;}
.wheel-set{ padding:15px; background:rgba(255,255,255,0.8);}
.wheel-set li{ font-size:1.2em; color:#333; height:auto; line-height:22px; position:relative;}
.wheel-set li p{ display:block; padding:0 90px 0 50px; word-wrap:break-word;}
.wheel-set li em{ position:absolute; left:0px; top:0px; width:50px;}
.wheel-set li span{ width:85px; height:auto; position:absolute; right:0px; top:0px;}
.wheel-intro{ padding:15px; background:rgba(255,255,255,0.8);}
.wheel-intro p{ font-size:1.2em; line-height:22px; word-wrap:break-word;}
.wheel-input{ display:block; /*width:170px;*/ height:23px; border:1px solid #a72222; box-shadow:1px 0 5px rgba(0,0,0,0.45) inset; margin: 10px 5px; border-radius:4px;}
.wheel-input input{ width:100%; height:16px; line-height:16px; padding:0 5px; border:none; background:none;margin: 0 -5px;}
.wheel-input input:focus{ outline:none 0; border:none; box-shadow:none; vertical-align:middle;}
.wheel-button{ display:block; width:172px; height:25px; background:#a72222; border-radius:4px; border:none; color:#fff; margin:0 auto;}

/*刮刮卡*/
.wheel-top-card{ margin-bottom:10px;}
.wheel-top-bg{ width:100%; height:318px; background:url(/weixin_tytj/frontend/default/activity/scratchcard/img/bg2.jpg) no-repeat; background-size:cover;}
.wheel-card-bg{ width:251px; height:192px; position:absolute; left:50%; top:50%; margin:-96px 0 0 -125px;}

/*刮刮卡3*/
.wheel-top-bg{ height:320px;}
.back-bg{ height:26px; padding:0 15px; text-align:right; background:rgba(0,0,0,0.1); position:relative; top:5px;}
.back-bg a{ display:inline-block; height:26px; line-height:26px; font-size:1.2em; color:#a82223;}
.back-bg a em{ display:inline-block; background:url(/weixin_tytj/frontend/default/activity/scratchcard/img/arrow1.png) no-repeat; background-size:100% auto; width:4px; height:8px; vertical-align:middle; margin-right:4px;}
.card-title{ width:251px; font-size:1.4em; color:#000; font-weight:bold; position:absolute; top:40px; left:50%; margin-left:-125px;}
.btn-use{ display:block; width:251px; height:30px; text-align:center; line-height:30px; font-size:1.5em; color:#fff; background:#449ae3; border-radius:4px; box-shadow:0px 3px 5px rgba(0,0,0,0.3); position:absolute; left:50%; margin-left:-125px; bottom:40px;}
.btn-use.unable{ background:#d2d2d2; color:#a0a0a0; font-size:1.5em; cursor:default;}
.detail-share{ width:251px; height:auto; position:absolute; left:50%; margin-left:-125px; bottom:6px;}
.detail-share button{ display:block; float:left; width:49%; padding:2px 0; font-family:'Microsoft Yahei'; line-height:22px; font-size:1.4em; background:-webkit-linear-gradient(to top, #f5f5f5, #ffffff); background:-moz-linear-gradient(to top, #f5f5f5, #ffffff); background:-o-linear-gradient(to top, #f5f5f5, #ffffff); background:linear-gradient(to top, #f5f5f5, #ffffff); border:1px solid #D3D3D3; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15); text-shadow:0.5px 0.5px 1px #fff; border-radius:3px; cursor:pointer;}
.detail-share button:last-child{ float:right;}
.detail-share button img{ width:22px; height:22px; vertical-align:top;}

/*提是弹层*/
.float{ position:fixed; z-index:100; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.float-box{ width:267px; height:auto; border:2px solid rgba(0,0,0,0.4); border-radius:5px; background:url(/weixin_tytj/frontend/default/activity/scratchcard/img/mayer.jpg) repeat; position:absolute; top:100px; left:50%; margin-left:-133px;}
.float-middle{ height:auto; padding:20px 23px 15px; border-bottom:1px solid #e5e5e5;}
.float-tips{ height:auto; padding-left:30px;}
.float-tips dt{ float:left; background:url(/weixin_tytj/frontend/default/activity/scratchcard/img/arrow2.png) no-repeat; background-size:100% 100%; width:22px; height:22px; position:relative; top:10px; margin-left:-30px;}
.float-tips dd{ float:left; width:100%; height:auto; font-size:1.4em; line-height:24px; word-wrap:break-word;}
.float-bottom{ height:auto; padding:10px 0 15px; text-align:center;}
.btn-sure, .btn-concel{ display:inline-block; width:90px; height:25px; line-height:25px; text-align:center; color:#fff; font-size:1.2em; border-radius:3px;}
.btn-sure{ background:#449ae3;}
.btn-concel{ background:#959595;}

/*活动列表*/
.banner{ height:auto;}
.banner img{ width:100%; height:auto;}
.cards-list{ height:auto; padding:15px 0 0;}
.cards-list li{ min-height:25px; padding-bottom:15px; border-bottom:1px solid #e5e5e5; margin-bottom:15px; position:relative;}
.cards-list li:last-child{ border-bottom:none; margin-bottom:10px;}
.cards-list a{ display:block; width:70px; height:25px; text-align:center; line-height:25px; font-size:1em; color:#fff; border-radius:4px; position:absolute; right:0px; top:0px;}
.cards-list li .txt{ padding:0 75px 0 0;}
.cards-list li p{ font-size:1.2em; line-height:22px; word-wrap:break-word; padding:0 0 2px;}
.cards-list li em{ display:block; width:auto; height:20px; line-height:20px; font-size:1em; position:static;} 
.btn-load{ display:block; width:88px; height:25px; text-align:center; line-height:25px; font-size:1.2em; color:#959595; border-radius:4px; border:1px solid #e5e5e5; margin:0 auto 10px;}
.wheel-title2{ background:#bfbfbf;}
.wheel-title2 i{ background-image:url(/weixin_tytj/frontend/default/activity/scratchcard/img/arrow3.png);}
.wheel-title3{ background:#449ae3;}
.wheel-title3 i{ background-image:url(/weixin_tytj/frontend/default/activity/scratchcard/img/arrow4.png);}
.card-title{ top:auto; bottom:257px;}

.wheel-intro p img{ max-width:100%; height:auto;}

.tips-box{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:url(/weixin_tytj/frontend/default/activity/scratchcard/img/bg1.jpg) 0 0 repeat-y; background-size:100% auto;}
.tips-txt{ background:url(/weixin_tytj/frontend/default/activity/scratchcard/img/tip1.png) no-repeat; background-size:100% auto; width:199px; height:91px; text-indent:-999px; overflow:hidden; position:absolute; left:50%; top:50%; margin:-45px 0 0 -100px;}

.bg-default{ background:#449ae3;}
.bg-success{ background:#80c269;}
.bg-warnning{ background:#d14243;}

.animations_cclie {
 	-webkit-animation-name:sunrise;
 	-webkit-animation-duration:0.2s;
 	-webkit-animation-timing-function:ease-in-out;
 	-webkit-animation-iteration-count:infinite;
 	-webkit-animation-direction: normal;
 	-moz-transform-origin: 50% 50%;
  	-webkit-transform-origin:50% 50%;
  	-o-transform-origin:50% 50%;
  	-ms-transform-origin:50% 50%;
  	transform-origin:50% 50%;
}
@-webkit-keyframes sunrise {
 0% {
 	-moz-transform: rotate(0deg);
 	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
 }
 33% {
 	-moz-transform: rotate(90deg);
 	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
 }
 66% {
 	-moz-transform: rotate(180deg);
 	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
 }
 100% {
	-moz-transform: rotate(360deg);
 	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
 }
}